<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
	<title>PrettyCheckboxes Demo</title>
	<script type="text/javascript" src="preload.js"></script>
	<style>

	body {
		background-color:#ffffff;
		color: #484848; 
		font-size:0.9em;
		line-height:1em;
		margin:0px;padding:10px;
		font-family: Verdana,Arial,Helvetica;		
	}
	</style>
</head>

<body>
<h2>PrettyCheckboxes demo</h2>

<div>
	<div id="formcontainer" style="margin:0px auto;width:600px;text-align:center">
			<form name=form1 action="" style="text-align:left">
				<p style="margin-left:100px">
					<input type=radio name=myradio value=like>I like Javascript<br>
					<input type=radio name=myradio value=hate>I hate Javascript<br>
					<input type=radio name=myradio value=indiff checked>I'm indifferent
				</p>
				<table cellspacing=5 cellpadding=5 border=0>
					<tr><td colspan=2><hr></td></tr>
					<tr><td><input type=checkbox name=mycheckbox1>I surf with Internet Explorer</td>
					<td><input type=checkbox name=mycheckbox2 checked>I surf with Mozilla browsers</td></tr>
					<tr><td><input type=checkbox name=mycheckbox3 checked>I surf with Opera</td>
					<td><input type=checkbox name=mycheckbox4>I surf with other browsers too</td></tr>
				</table>
				<p>
					&nbsp;&nbsp;&nbsp;<input type=submit value="Send">
				</p>
			</form>
	</div>
</div>
<script type="text/javascript" src="skin.js"></script>

</body>
</html>
